<!DOCTYPE html>
<html th:replace="~{layouts/layout :: layout(~{::title}, ~{::section})}" xmlns:th="http://www.thymeleaf.org">
<head>
    <title th:text="${video.getName()}">播放视频</title>
</head>
<section>
    <div class="container">
        <style>
            video {
                width: 100%;
            }
        </style>
        <h4 th:text="${video.getName()}"></h4>
        <hr>
        <video id="player" playsinline controls autoplay>
            <source th:src="${video.getFilepath()}" type="video/mp4" />
            <source th:src="${video.getFilepath()}" type="video/webm" />
        </video>
    </div>
</section>
</html>
